﻿/*  本项目修正/自定义的CSS  */

/*html,body{width:100%;height:100%;margin:0;padding:0;}*{margin:0;padding:0;}*/

/*统一字体大小，不同屏幕时只需调整body的字体大小即可全体按比例调整*/
select,input,a,p,div,input[type="text"],input[type="submit"] {font-size:1em;} 
h1 {font-size:2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;font-weight:bold;}/*页主标题*/
h6 {font-size:1em;}/*一般页内小标题*/
.ifdMessage {color:#0066FF;} /*各项操作的反馈提示*/
.ifdModal {word-wrap:break-word;text-align:left;}  /* 自定义模式弹出框风格 */
.table-responsive{overflow:auto;} /*让超宽表格在容器内产生滚动条*/


/*响应式布局：屏幕宽度从小到大顺序覆盖样式！*/
body { /*默认：<768时，xs设备,phones*/
    /*font-size: 14px; 超小设备DPI高，要用正常字体*/
    /*调整边距*/
    padding-top: 50px; /* Move down content because we have a fixed navbar that is about 60px tall. 菜单高度与设备大小相关，改在各设备@media中分别调整*/
    padding-left: 5px; /*不靠边，美观*/
    padding-right: 15px; /*防止被滚动条遮挡*/
    padding-bottom: 5px;
    /*position: relative;     scrollspy requires?*/
}
/*.navbar {height: 47px;} Safari内核浏览器在xs设备上，navbar高度有问题，所以定死.此处（xs设备）不能写，会造成下拉菜单底色丢失！*/

/*>=768px时，sm设备,小tablets*/
@media only screen and (min-width: 768px){ 
    /*body { font-size: 11px; }*/
    .navbar {height: 52px;} 
    body {padding-top: 57px;} /* Move down content because we have a fixed navbar that is about 60px tall */

    /*默认按钮宽度*/
    input[type="submit"] { min-width:60px;}
    /*让各列等高。更宽屏的设备不覆盖的话就会沿用！会导致从此类设备开始及后续的屏幕宽度设备无法堆叠，可接受！*/
    .container,.container-fluid {display:table;padding-left:0px;padding-right:5px;}
    .row {display:table-row;}
    [class*="col-"] {display:table-cell;float:none;}
}
/*>=890px时，sm设备,大tablets*/
@media only screen and (min-width: 890px){ 
    /*body { font-size: 12px; } */
    .navbar {height: 52px;}
    body {padding-top: 57px;} /* Move down content because we have a fixed navbar that is about 60px tall */
    /*默认按钮宽度*/
    input[type="submit"] { min-width:70px;}
    /*.hide { display: none; } 表格中不重要的不显示*/
}
/*>=992px时，md设备,desktops*/
@media only screen and (min-width: 992px){ 
    /*body { font-size: 13px; } */
    .navbar {height: 55px;}
    body {padding-top: 60px;} /* Move down content because we have a fixed navbar that is about 60px tall */
    /*默认按钮宽度*/
    input[type="submit"] { min-width:80px;}
}
/*>=1200px时，lg设备,large desktops。14px is browser's default body font size!*/
@media only screen and (min-width: 1200px){ 
    /*body { font-size: 14px; } */
    .navbar {height: 60px;}
    body {padding-top: 65px;} /* Move down content because we have a fixed navbar that is about 60px tall */
    /*默认按钮宽度*/
    input[type="submit"] { min-width:90px;}
}

/*修改GridView默认表头颜色，默认的有点沉.改用Theme/skin修改，否则会影响Datatimepicker的效果！*/
/*th {
    color:white;
    background-color:#0066CC;
}
tfoot{font-weight:bold;}*/

/*GridView应用table-hover风格时，覆盖Bootstrap的默认风格*/
.table-hover > tbody > tr:hover > td {background-color: #D2E9FF;}

.well/*,.btn-group*/{margin-top:5px;margin-bottom:0px;}

/*bootswatch.com的Cerulean风格默认按钮是白色背景，太像文本框，改成其他背景色。没掌握渐变处理，暂不修改！*/
.btn, .btn-default {
  /*从bootstrap.css复制的btn-default风格
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5);
  background-image: -o-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5);
  background-image: linear-gradient(#ffffff, #ffffff 60%, #f5f5f5);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0);
  filter: none;
  border-bottom: 1px solid #e6e6e6;*/
  border:1px solid lightgray;/*本项目添加的风格！*/
}
.btn-alert { color:red;} /*btn-warning太刺眼，自定义警告按钮*/
input[type="submit"][disabled] {color: #aaaaaa;border:1px solid lightgray;}


/* 页内导航 Styles */
ul.nav-tabs{
    width: 140px;
    margin-top: 20px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}
ul.nav-tabs li{
    margin: 0;
    border-top: 1px solid #ddd;
}
ul.nav-tabs li:first-child{
    border-top: none;
}
ul.nav-tabs li a{
    margin: 0;
    padding: 8px 16px;
    border-radius: 0;
}
ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover{
    color: #fff;
    background: #0099dd;
    border: 1px solid #0088cc;
}
ul.nav-tabs li:first-child a{
    border-radius: 4px 4px 0 0;
}
ul.nav-tabs li:last-child a{
    border-radius: 0 0 4px 4px;
}
ul.nav-tabs.affix{
    top: 30px; /* Set the top position of pinned element */
}
/*scrollspy/affix页内导航（统一h6含id属性），会被Nav-bar遮住，此处基本避免此现象*/
h6[id] {padding-top: 50px;margin-top: -50px;font-size:1em;color:white;}

.my_table_header {background-color:#0066CC;color:white;font-weight:bold;}/*同Theme/Skin设置*/

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/
/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/

